<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="formcheck/theme/classic/formcheck.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="form.css" type="text/css" media="screen" />
		<script type="text/javascript" src="mootools.js"></script>
		
		<script type="text/javascript" src="formcheck/formcheck.js"></script>
		<script type="text/javascript">
			window.addEvent('domready', function(){new FormCheck('formular')});
		</script>
		<title>FormCheck 1.4</title>
	</head>
	<body>
		<form class="formular" action="#" method="post" id="formular">
			<h2>Simple registration</h2>
			<fieldset>
				<legend>User informations</legend>
				<label>
					<span>Desired username : </span>
					<input type="text" name="user" class="validate['required','length[6,6]','alphanum'] text-input"></input>
				<label>
				<label>
					<span>First name : </span>
					<input type="text" name="firstname" class="validate['required','length[3,-1]','nodigit'] text-input"></input>
				<label>
				<label>
					<span>Last name : </span>
					<input type="text" name="lasttname" class="validate['required','length[3,-1]','nodigit'] text-input"></input>
				<label>
			</fieldset>
			
			<fieldset>
				<legend>Password</legend>
				<label>
					<span>Password : </span>
					<input type="password" name="password" class="validate['required','length[6,-1]','digit'] text-input"></input>
				<label>
				<label>
					<span>Confirm password : </span>
					<input type="password" name="password2" class="validate['confirm[password]'] text-input"></input>
				<label>
			</fieldset>
			
			<fieldset>
				<legend>Email</legend>
				<label>
					<span>Email address : </span>
					<input type="text" name="email" class="validate['required','email'] text-input"></input>
				<label>
				<label>
					<span>Confirm email address : </span>
					<input type="input" name="email2" class="validate['confirm[email]'] text-input"></input>
				<label>
			</fieldset>
			
			<fieldset>
				<legend>Conditions</legend>
				<div class="infos">Checking this box indicates that you accept terms of use. If you do not accept these terms, do not use this website : </div>
				<label>
					<span class="checkbox">I accept terms of use : </span>
					<input type="checkbox" name="agree" class="validate['required'] checkbox"></input>
				<label>
			</fieldset>
			<input class="submit" type="submit" value="Validate & Send the form!" />
			<hr />
		</form>
	</body>
</html>
